<template>

  <!--底部 导航栏跳转-->
  <van-tabbar route>
    <van-tabbar-item icon="wap-home-o" to="/">工作台</van-tabbar-item>
    <van-tabbar-item icon="comment-o" to="/report">报表</van-tabbar-item>
    <van-tabbar-item to="/query">
      <span>查询</span>
      <template #icon="props">
        <font-awesome-icon :icon="['fas', 'magnifying-glass']" />
      </template>
    </van-tabbar-item>
    <van-tabbar-item to="/msg">
      <span>消息</span>
      <template #icon="props">
        <font-awesome-icon :icon="['far', 'comment-dots']" />
      </template>
    </van-tabbar-item>
  </van-tabbar>

</template>
<script setup>

import { Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from "vant";
import { ref } from "vue";

// const active = ref(0);



</script>
<style scope>
</style>
